<script setup>

</script>

<template>
<div class="profile-top">
  <router-link to="/user/profile/base">基础资料</router-link>
  <router-link to="/user/profile/mental">心理档案</router-link>
  <router-link to="/user/profile/behavior">行为数据</router-link>
  <div class="splice-line"></div>
</div>
<div class="profile-main">
  <router-view></router-view>
</div>
</template>

<style scoped>
.profile-top {
  padding: 20px 20px 10px 20px;
}
.splice-line {
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.profile-top a {
  display: inline-block;
  margin-left: 40px;
  padding-bottom: 5px;
  transition: all 0.3s ease;
}
.profile-top a:hover {
  color: #4fa1fb;
}
.profile-top .router-link-active {
  color: #4fa1fb;
}
</style>
